<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      div{
        font-size: 20px;
        color: saddlebrown;
        line-height: 10px;
        font-style: italic;
        text-align: 10em;
        text-decoration: underline;
        font-weight: 800;
        width: 100vw;
        background-color: darkslategray;
        height: 300;

      }
      .d{
        background-color: dodgerblue;

      }
      .dd{
        color: saddlebrown;
      }

      p span{
        font-size: 30px;
      }
      p .d{
        font-style: italic; 
      }

    </style>
    <link rel="stylesheet" href="././css/index.css">
</head>
<body>
    <div>
        余从京域，言归东藩。背伊阙，越轘辕，经通谷，陵景山。
    </div>
   <p style="text-indent: 20em;">
    日既西倾，车殆马烦。尔乃税驾乎蘅皋，秣驷乎芝田，容与乎阳林，流眄乎洛川。
    于是精移神骇，<span class="d">忽焉思散</span>。俯则未察，仰以殊观；睹一丽人，于岩之畔。
    乃援御者而告之曰：“尔有觌于彼者乎？彼何人斯？若此之艳也！<span class="dd">御者对曰</span>”：“臣闻河洛之神，名曰宓妃。
    然则君王所见，无乃是乎？其状若何，臣愿闻之
   </p>
   
    
</body>
</html>